*{
	margin: 0px;
	padding: 0xp;
}
header{
	width: 100%;
	height: 40px;
	background-color: #333333;
    overflow: hidden;
}
header .top{
	width: 1226PX;
	margin: auto;
}
header .top .left{
	line-height: 40px;
}
header .top .left a{
	color: #b0b0b0;
	text-decoration: none;
	font-size: 12px;
	display: inline-block;
}
header .top .left a:hover{
	color: #FF0000;
}
header .top .left span{
	color: #424242;
}
header .top .right{
	float: right;
	
}
header .top .left a:hover{
	color: #FF6700;
}

header .top .right a{
	color: #B0B0B0;
	font-size: 12px;
	text-decoration: none;
}
header .top .right span{
	color: #424242;
	font-size: 8PX;
}
.left:hover a {
	color: red;
}
.gwc{
	background-color: #424242;
	margin-left: 20px;
	display: inline-block;
	width: 120px;
	text-align: center;
	position: relative;
}
.gwc:hover{
	background-color: #FFFFFF;
	color: #ff6700 !important;
}
.msg{
	width: 320px;
	height: 0px;
	position: absolute;
	top: 40px;
	right: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position:fixed;
	transition: all 2s;
}
.gwc:hover .msg{
	display: block;
	height: 100px;
	position:fixed ;
	
}
section{
	width: 1226px;
	height: 100px;
	margin: auto;
	overflow: hidden;
	
}
section .logo{
	width: 55px;
	height: 55px;
	background-color: #ff6700;
	margin-top: 22px;
	float: left;
}
.logo:hover .mi-logo{
	display: none;
}
.logo:hover .mi-home{
	display: block;
}
.mi-logo{
	display: block;
}
.mi-home{
	display: none;
}
section .nav{
	float: left;
	
	
}
section .nav ul li{
	list-style: none;
	float: left;
	line-height: 100px;
}
section .nav ul li a{
	text-decoration: none;
	color: #333333;
	padding: 0 6px;
}
section .nav ul li a:hover{
	color: #FF6700;
}
.search{
	float: right;
	line-height: 100px;
}
.search input{
	width: 250PX;
	height: 50PX;
	outline: none;
	text-indent: 8px;
}
.banner{
	width: 1226px;
	height: 460px;
	margin: auto;
	background-color: aliceblue;
	
}
.banner .left{
	width: 234px;
	height: 420px;
	background-color: #515151;
	float: left;
	
}

.banner .right{
	width: 992px;
	height: 460px;
	background-color: #D3D3D3;
	float: left;
}
.banner .left li{
	list-style: none;
	height: 42px;
	line-height: 42px;
	width: 234px;
	float: right;
	position: relative;
}
.banner .left>ul>li:hover{
	background-color: #FF6700;
}
.banner .left li a{
	text-decoration: none;
	color: #FFFFFF;
	
}
.left .a1{
	float: left;
	text-indent: 10px;
}
.left .a2{
	float: right;
	padding-right: 30px;
	
}
.banner .left ul li:hover .box{
	display: block;
}
.banner .left .box{
	width: 952px;
	height: 420px;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 234px;
	border: 1px solid lightgray;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	padding: 20px;
	display: none;
}
.box li{
	width: 248px;
	height: 40px !important;
	float: left;
}
.box li img{
	float: left;
}
.box li span{
	color:#333333;
	float: left;
	height: 60px;
}
.rookei{
	width: 1226px;
	height: 170px;
	
	margin-top: 5px;
	margin: auto;
	
	background-image: url(../img/d158f243b54d5ec68dd2ac72bd24555d.jpg) ;
	background-repeat: no-repeat;
	background-size:26%;
	background-position: 260px;
}
.eee{
	width: 1226px;
	height: 170px;
    margin: auto;
	background-image: url(../img/fbff319c7dd00e75c9758acf248d3784.jpg);
	background-repeat: no-repeat;
	background-size: 27%;
	background-position: 600px;
}
.nm{
	width: 234px;
	height: 170px;
	border: 1PX solid#333333;
	background-color: #5F5750;
	
}

.ig{
	width: 70px;
	height: 82px;
	float: left;
	background-color: #5f5750;
	background-image: url(../img/82abdba456e8caaea5848a0cddce03db.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 0.1px  solid rgba(255,255,255,0.04);
}
.ig span{
	font-size: 10px;
	display: block;
	margin-top: 62px;
    margin-left: 10px;
	color:#B0B0B0;
	
}

.ig span:hover{
	color: #FFFFFF;
}
.edg{
	width: 70px;
	height: 82px;
	float: left;
	background-color: #5f5750;
	background-image: url(../img/806f2dfb2d27978e33fe3815d3851fa3.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 0.1px  solid rgba(255,255,255,0.04);
}
.edg span{
	font-size: 10px;
	display: block;
	margin-top: 62px;
	margin-left: 10px;
	color:#B0B0B0;
}
.edg span:hover{
	color: #FFFFFF;
}
.fpx{
	width: 70px;
	height: 82px;
	float: left;
	
	background-color: #5f5750;
	background-image: url(../img/eded6fa3b897a058163e2485532c4f10.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 0.1px  solid rgba(255,255,255,0.04);
}
.fpx span{
	font-size: 10px;
	display: block;
	margin-top: 62px;
	margin-left: 10px;
	color:#B0B0B0;
}
.fpx span:hover{
	color: #FFFFFF;
}
.rng{
	width: 70px;
	height: 82px;
	float: left;
	background-color: #5f5750;
	background-image: url(../img/43a3195efa6a3cc7662efed8e7abe8bf.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 0.1px  solid rgba(255,255,255,0.04);
}
.rng span{
	font-size: 10px;
	display: block;
	margin-top: 62px;
	margin-left: 15px;
	color:#B0B0B0;
}
.rng span:hover{
	color: #FFFFFF;
}
.ldg{
	width: 70px;
	height: 82px;
	float: left;
	background-color: #5f5750;
	background-image: url(../img/f4846bca6010a0deb9f85464409862af.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 0.1px  solid rgba(255,255,255,0.04);
}
.ldg span{
	font-size: 10px;
	display: block;
	margin-top: 62px;
	margin-left: 10px;
	color:#B0B0B0;
}
.ldg span:hover{
	color: #FFFFFF;
}
.tes{
	width: 70px;
	height: 82px;
	float: left;
	background-color: #5f5750;
	background-image: url(../img/9a76d7636b08e0988efb4fc384ae497b.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	border: 0.1px  solid rgba(255,255,255,0.04);
}
.tes span{
	font-size: 10px;
	display: block;
	margin-top: 62px;
	margin-left: 10px;
	color:#B0B0B0;
}
.tes span:hover{
	color: #FFFFFF;
}
.box1{
	width: 27px;
	height: 216px;
	right: 0;
	float: right;
	position: absolute;
	margin: auto;
	
	
}
.box1 ul li{
	list-style: none;
	
	}
	
.box1 ul li a{
	text-decoration: none;
	display: block;
	width: 27px;
	height: 42px;
	background-color: #FFFFFF;
	text-align: center;
	line-height: 100px;
	background-position: center;
}
